<template>
    <view class="wrap">
        <view class="content">
            <view class="orderNumber">
                <view class="number">订单编号：</view>
                <view class="numberDetail">FAB63728362729273</view>
            </view>
            <view class="line"></view>
            <view class="orderCard">
                <view class="left">订单时间</view>
                <view class="right">2023-10-23 18:02:02</view>
            </view>
            <view class="orderCard">
                <view class="left">订单状态</view>
                <view class="right">未支付</view>
            </view>
            <view class="orderCard">
                <view class="left">需支付他币</view>
                <view class="right">800</view>
            </view>
            <view class="orderCard">
                <view class="left">实际支付他币</view>
                <view class="right">100</view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data(){
            return {

            }
        }
    }
</script>

<style lang="scss" scoped>
.orderCard{
    display: flex;
    justify-content: space-between;
    line-height: 60rpx;
    color: #121212;
}
.line{
    width: 100%;
    height: 2rpx;
    background-color: #f5f5f5;
    margin: 20rpx 0;
}
.orderNumber{
    display: flex;
    .number{
        font-weight: 600;
        
    }
}
.content{
    padding: 30rpx;
    background-color: #fff;
    border-radius: 8rpx;
}
.wrap{
    padding: 30rpx;
    color: #121212;
}
</style>

<style>
page{
    background-color: #F5F5F5;
}
</style>